<template>
	<view :style="{'padding-top': `${statusBar}px`,'background-color' : color}">

	</view>
</template>

<script>
	export default {
		name: "StatusBar",
		props: {
			color: {
				type:String,
				default:"#fff"
			}
		},
		onLoad(){
			console.log(this.color,'color')
		},
		computed: {
			statusBar() {
				console.log(uni.getSystemInfoSync().statusBarHeight,'statusBarHeight')
				return uni.getSystemInfoSync().statusBarHeight + 10
			}
		}
	}
</script>

<style>

</style>
